<!--
	文档的声明
	位于整个文档的最上方
-->
<!doctype html>
<!--
	所有HTML标签的根标签(祖先标签)
	每一个HTML文档有且仅有一个HTML标签
	且所有的标签均在HTML标签体中编写
-->
<html>
<!--
    头标签,一个HTML文档有且仅有一个头标签
    为页面提供一些相关信息
    例如:标题、字符集、关键字、css样式、js...
    head标签的内容一般不会在浏览器中展现
-->
<head>
    <!--
        标题标签,显示在标签页上的内容
        默认是文件位置+文件名
    -->
    <title>第一个HMLT案例</title>
    <!--
        元数据标签,为HTML页面设置对应的功能
        通过标签属性来设置功能
        属性组成:<标签名 属性名="属性值" 属性名2="属性值2" ...>
        常见属性:
            1.字符集设置:charset="指定编码"
            2.关键字:name="keywords" content="内容"
            3.描述信息:name="description" content="描述内容"
            4.作者信息:name="author" content="石小俊"
    -->
    <meta charset="UTF-8">
    <!--
        表示网站关键字,可以设置无数个关键字,每一个关键字以逗号分隔
        在进行网页搜索的时候,会根据关键字进行搜索
        它为网页定义了一组关键字,搜索引擎在遇到这些关键字时
        会用这些关键字为网页做一个分类
        对于百度搜索而言,一般是根据竞价排名、网站热度以及关键字进行搜索
    -->
    <meta name="keywords" content="软件开发,web,java,it,网博">
    <!--
        网站的描述会显示在搜索引擎的搜索结果中
        即:会在搜索的结果下展现
    -->
    <meta name="description" content="从零开始学习J2EE开发,带领大家走上人生巅峰">
    <!-- 设置作者信息 -->
    <meta name="author" content="石小俊">
</head>
<!--
    body标签:正文标签
    用于设置浏览器的主体内容
    所有的页面展现的内容,均在body中实现
-->
<body>
<!--
    在body中编写页面所需的内容
    可以通过其他标签展现数据效果
    在HTML中对于标签存在两种分类方式
    分类方式一:根据标签是否关闭进行分类
    1.标签是成对出现的
        <开始标签>标签体</结束标签>
        该标签有一对尖括号所组成
        在HTML中,所以的标签都是预定义的,有W3C预先定义好
        每一个标签都有自己独特的作用
        对于成对出现的标签,会存在开始标签与结束标签,两者名字一致
        从开始标签到结束标签表示该标签的作用域
        结束标签必须以</开头
        开始标签与结束标签之间的内容表示标签体
        如果标签体中也存在标签,则称之为子标签
        标签体中的内容是最终展现在浏览器中的数据内容
    2.标签不是成对出现的,不存在结束标签
        <标签名/>
        这种标签称之为自结束标签,或者称之为空标签
        此类标签基本都存在自己独特的作用
        此类标签没有标签体的内容
        例如:<br>表示换行,<hr>表示水平线
-->
<h1>WEB开发</h1>
<h2>HTML</h2>
<marquee><font color="red" size="18" face="楷体">俊哥带你玩web</font></marquee>
<hr>
<!--
    可以为标签设置一些属性
    语法:<开始标签 属性名="属性值" 属性名2="属性值2">标签体</结束标签>
        <标签名 属性名="属性值" 属性名2="属性值2">
    在标签中可以存在许多的属性,这些属性分为预定义属性和自定义属性
    预定义属性是由W3C预定义的,预先定义好了一些效果
    自定义属性是由开发人员在代码中进行定义的,这些属性没有任何效果
    我们可以根据这些属性作为功能处理
    标签中的属性值必须加引号,且多个属性之间以空格分隔开
-->
<font color="red" size="18" face="楷体">这是一个div</font>

<!--
    分类方式二:根据是否独占一行进行分类
    1.块级标签
        显示为块状,独占一行,自带换行,不与其他标签共处一行
        这意味着标签内容结束之后会自动开启一个换行
        相当于加了一个br
    2.行级标签
        不自带换行,可以与其他行级标签共处一行
        这种标签本质上与不用任何标签效果一致
        只是用于标签一个区域,为这个区域通过CSS设置一些样式
-->
<div>这是块级标签</div>
<div>这是块级标签</div>
<div>这是块级标签</div>
<hr>
<!--
    style属性:为指定的标签设置CSS样式
    属性值语法:
        样式名:样式值;样式名2:样式值;...
-->
<span style="color:red;">这是行级标签</span>
<span>这是行级标签</span>
<span>这是行级标签</span>
这是没有标签
<!--
    注释内容
    <!--
        错误用法
        注释不能嵌套
    -->
-->
<hr>
&lt;h1&gt;这是一个标签&lt;h1&gt;
<hr>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《静夜思》<br>
床前明月光,疑是地上霜。<br>
举头望明月,低头思故乡。<br>
jdbc:mysql://127.0.0.1:3306/ums?useUnicode=true&amp;characterEncoding=utf-8
</body>
</html>
